/*Theme Name: Quirkarelic Theme
Theme URI: 
Description: The Master theme for Quirkarelic.co.uk
Version: 3.2.3
Author: J and B Services
Author URI: http://www.jandbservices.co.uk
Tags: 
*/


@charset "UTF-8";
/* CSS Document */

body {
	overflow-x:hidden;
	font-family: 'Rock Salt', cursive;
	background-image:url("images/skulls.png");
	background-repeat:repeat;
	color:#000;
}

.author { display:none; }

a:link {
	text-decoration: underline;
	color:inherit;
}
a:visited {
	text-decoration: underline;
	color:inherit;
}

a:active {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#header a:link {
	text-decoration: underline;
	color:#FFF;
}
#header a:visited {
	text-decoration: underline;
	color:#FFF;
}

#header a:active {
	text-decoration: underline;
	color:#FFF;
}

#header a:hover {
	text-decoration: none;
	color:#FFF;
}

@media only screen and (min-device-width: 2px){

#wrap {
	width:100hh;
	margin-top:-8px;
	margin-left:-8px;
	margin-right:-8px;
	height:100vh;
	font-size:15px;
}

#footer {
	font-family: 'Open Sans', sans-serif;
	height:70px;
	background-color:#0C6EE8;
	color:#FFF;
	line-height:5px;
	overflow:hidden;
}

}

@media only screen and (max-device-width: 1px){

#wrap {
	width:100hh;
	margin-top:-8px;
	margin-left:-8px;
	margin-right:-8px;
	height:100vh;
	font-size:30px;
}

#footer {
	font-family: 'Open Sans', sans-serif;
	height:250px;
	background-color:#0C6EE8;
	color:#FFF;
	line-height:30px;
	overflow:hidden;
}
}



#prehead {
	height:250px;
	margin-top:-40px;
	background-color:#54BDC4;
	color:#90F;
	font-size:20px;
	font-family:'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive;
	color:#000;
}

.post-header {
	visibility:collapse;
	height:0px;
	}

#header {
	color:#FFF;
	height:80px;
	background-color:#54BDC4;
	color:#90F;
	font-size:50px;
	font-family: 'Lobster Two', cursive;
	margin-top:0px;
}

#headbg {
	width:150%;
	height:80px;
	background-color:#54BDC4;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	color:#FFF;

}
	
#space {
	height:calc(100vh - 400px);
	width:0px;
}

#content {
	width:90%;
	margin-left:auto;
	font-family: 'Rock Salt', cursive;
	margin-right:auto;	
}

#jb a:link {
	text-decoration: none;

	color:#fff;
}
#jb a:visited {
	text-decoration: none;

	color:#fff;
}

#jb a:active {
	text-decoration: none;
	color:#fff;

}

#jb a:hover {
	color:#EEE;
	text-decoration: underline;

	}



::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: #54BDC4;
	z-index:-1;
}

::-webkit-scrollbar-thumb {
    background: #90F;
}

.alignleft {
   display:inline !important;
   float:left !important;
   margin:0 30px 15px 0 !important;
}

#galca {
	clear:both;
	width:100%;
	}
	
#galpp {
	clear:both;
	width:100%;
	}
	

.wp-caption {
	width:auto;
	height:auto;
}

#c1 { width:400px; transform: rotate(-7deg); margin-top:40px; margin-left:-150px; border:solid 1px #000; } 
#c2 { width:400px; transform: rotate(10deg); margin-top:-40px; margin-right:-450px; border:solid 1px #000; } 
#c3 { width:400px; transform: rotate(-2deg); margin-top:-300px; margin-left:-500px; border:solid 1px #000; }
#c4 { margin-left:-200px; width:400px; transform: rotate(3deg); margin-top:40px; border:solid 1px #000; } 

#i1 { margin-top:-110px; margin-bottom:40px; margin-right:-680px; transform: rotate(3deg); border-radius:10px; } 


#i2 { position:relative; margin-top:-600; margin-left:-720; transform: rotate(4deg);} 
#i3 { position:relative; margin-top:100; margin-right:-1020; transform: rotate(4deg);} 
#i4 { position:relative; margin-top:50; margin-left:-800; transform: rotate(-4deg); } 
#i5 { position:relative; margin-top:-80; margin-right:-400; transform: rotate(5deg);} 
#i6 { position:relative; margin-top:0; margin-left:0; transform: rotate(2deg); visibility:hidden;} 

.paper { 
	background-repeat:repeat;
	color:#EEE;
	padding:7px;
	border-radius:20px; 
	box-shadow: 5px 5px 5px #888;    
	text-shadow:
	-1px -1px 0 rgba(153, 0, 255, 1),  
	1px -1px 0 rgba(153, 0, 255, 1),
	-1px 1px 0 rgba(153, 0, 255, 1),
	1px 1px 0 rgba(153, 0, 255, 1); 
}

#hispace { margin-top:-200px; }

#gabaspa { height:700px; }

#gaba1 {
	position:absolute;
	margin-left:50px;
	transform: rotate(-5deg);
	padding-top:10px;
	
	}
	
#gaba2 {
	position:absolute;
	margin-left:50%;
	transform: rotate(7deg);
	padding-top:10px;
	}
	
#gaba3 {
	position:absolute;
	margin-top:320px;
	margin-left:70px;
	transform: rotate(-2deg);
	padding-top:10px; 
	}
	
#gaba4 {
	position:absolute;
	margin-top:410px;
	margin-left:45%;
	transform: rotate(-2deg);
	padding-top:10px;

	
#gaba .wp-caption {
border-radius: 0px; 
-ms-transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
transform: rotate(0deg); 
padding:0px; 
background-image: url('http://quirkarelic.co.uk/images/null.png');
}

.wpcf7-textarea {
	width:364px;
	}

.wp-image-330 { margin-right:-20px; margin-top:-30px; transform: rotate(5deg); position:relative; }
.wp-image-616 { margin-left:-15px; transform: rotate(-3deg);  position:relative;}

.wp-image-618 { margin-right:-20px; margin-top:-30px; transform: rotate(-7deg); position:relative; }
.wp-image-617 { margin-left:-15px; transform: rotate(3deg); position:relative;}

#logohead {
	width:483px; height:150px; position:relative;
	}